<template>
  <div class="">
    <el-card class="box-card" >
  <el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item v-for="item in  routeslist" :key="item.path" :to='item.path'>{{item.name}}</el-breadcrumb-item>
</el-breadcrumb>
</el-card>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  data() {
    return {
    }
  },
  computed: {
    routeslist() {
      return this.$store.state.aside.routes
    },
  },
}
</script>
<style lang="css" scoped>
.box-card{
  margin-bottom: 20px;
}
</style>
